<div class="navbar">
	<div class="navbar-inner bg-green">
		<div class="left sliding">
			<a href="index.html" class="back link">
				<i class="icon icon-back color-white"></i>
			</a>
		</div>
    	<div class="center sliding color-white">登陆</div>
  	</div>
</div>

<div class="pages navbar-through">
	<div data-page="login" class="page bg-white" id="login">
		<div class="page-content  bg-white">
    		<div class="tab">
				<div class="row" style="height: 6vh;text-align: center;background: #f8f8f8;">
					<div class="col-50 col-50_active" style="line-height: 6vh;height: 100%;">
						<a href="#login_tourist" class="color-gray tab-link size_15 active bold yahei">游客登录</a>
					</div>
					<div class="col-50" style="line-height: 6vh;height: 100%;">
						<a href="#login_parnter" class="color-gray tab-link size_15 bold yahei">玩伴登录</a>
					</div>
				</div>
			</div>
			<div class="tabs-animated-wrap">
				<div class="tabs">
					<div id="login_tourist" class="tab active login_tourist">
						<div class="list-block size_15" style="margin:15px 30px 15px 30px;">
							<ul>
								<li>
									<div class="item-content">
										<div class="item-inner">
											<div class="item-title label yahei bold size_15" style="line-height: 29px;width: 15%;">账号</div>
											<div class="item-input" style="height:29px;">
												<input type="text" placeholder="手机号/邮箱" name="user" style="height:100%;">
											</div>
										</div>
									</div>
								</li>
								<li>
									<div class="item-content">
										<div class="item-inner">
											<div class="item-title label yahei bold size_15" style="line-height: 29px;width: 15%;">密码</div>
											<div class="item-input" style="height:29px;">
												<input type="password" placeholder="" name="pwd" style="height:100%;width: 90%;float: left">
												<img class="eye" src="img/login/eye.png" style="float: left;width: 10%;">
											</div>
										</div>
									</div>
								</li>
								<li style="margin:10px 0;">
									<div class="item-content" style="text-align: right;">
										<div class="item-title label bold yahei" style="width:100%;">
											<a href="#" class="color-gray">忘记密码</a>
										</div>
									</div>
								</li>
								<li>
									<a href="#" class="list-button button-fill item-link color-white bg-green login_tourist_submit">登录</a>
								</li>								
							</ul>
						</div>						
		        	</div>
		        	<div id="login_parnter" class="tab login_parnter">
		          		<div class="list-block size_15" style="margin:15px 30px 15px 30px;">
							<ul>
								<li>
									<div class="item-content">
										<div class="item-inner">
											<div class="item-title label yahei bold size_15" style="line-height: 29px;width: 15%;">账号</div>
											<div class="item-input" style="height:29px;">
												<input type="text" placeholder="手机号/邮箱" name="user" style="height:100%;">
											</div>
										</div>
									</div>
								</li>
								<li>
									<div class="item-content">
										<div class="item-inner">
											<div class="item-title label yahei bold size_15" style="line-height: 29px;width: 15%;">密码</div>
											<div class="item-input" style="height:29px;">
												<input type="password" placeholder="" name="pwd" style="height:100%;width: 90%;float: left">
												<img class="eye" src="img/login/eye.png" style="float: left;width: 10%;">
											</div>
										</div>
									</div>
								</li>
								<li style="margin:10px 0;">
									<div class="item-content" style="text-align: right;">
										<div class="item-title label bold yahei" style="width:100%;">
											<a href="#" class="color-gray">忘记密码</a>
										</div>
									</div>
								</li>
								<li>
									<a href="#" class="list-button button-fill item-link color-white bg-green login_parnter_submit">登录</a>
								</li>								
							</ul>
						</div>					
		        	</div>
		      	</div>
			</div>
		</div>
	</div>
</div>